.fui-calendar-lite
  position: relative
  outline: none
  width: 233px
  padding: 0 1px
  border: 1px solid $border-default
  list-style: none
  font-size: $font-sm
  text-align: left
  background-color: $bg-body
  border-radius: 0.25rem
  background-clip: padding-box
  line-height: 1.25rem

  &-week-number
    width: 286px

    &-cell
      text-align: center

  table
    width: 100%
    max-width: 100%
    border-collapse: collapse
    background-color: transparent

  td
    padding: 0
    padding-bottom: 1px

  table,
  th,
  td
    border: 0

  &-calendar-table
    border-spacing: 0
    margin-bottom: 0

  &-column-header
    line-height: 1.25rem
    width: 33px
    padding: 6px 0
    text-align: center

    &-column-header-inner
      display: block
      font-weight: normal

  &-week-number-header
    &-column-header-inner
      display: none

  &-cell
    margin-bottom: 1px

  &-date
    display: block
    margin: 0
    width: 32px
    height: 24px
    line-height: 1.25rem
    border: 1px solid transparent
    padding: 0
    background: transparent
    color: $text-default
    text-align: center
    transition: background 0.3s ease

    &-panel
      position: relative

    &:hover
      background: $bg-hover
      cursor: pointer

    &:active
      background: $primary-menu-active

  &-today &-date
    border-color: $brand-primary
    font-weight: bold
    color: $brand-primary

  &-last-month-cell &-date,
  &-next-month-btn-day &-date
    color: $text-mute

  &-selected-day:not(&-next-month-btn-day):not(&-last-month-cell) &-date
    background: $primary-menu-active
    border: 1px solid transparent

  &-disabled-cell &-date
    cursor: not-allowed
    color: $text-mute
    background: $bg-main
    border-radius: 0
    width: auto
    border: 1px solid transparent

    &:hover
      background: $bg-main

  &-disabled-cell &-today &-date
    position: relative
    margin-right: 5px
    padding-left: 5px
    &:before
      content: " "
      position: absolute
      top: -1px
      left: 5px
      width: 20px
      height: 20px
      border: 1px solid $border-default
      border-radius: 0.25rem

  &-disabled-cell-first-of-row &-date
    border-top-left-radius: 4px
    border-bottom-left-radius: 4px


  &-disabled-cell-last-of-row &-date
    border-top-right-radius: 4px
    border-bottom-right-radius: 4px
